iT邦幫忙

2026 iThome 鐵人賽

DAY 9
0

函式可以將一段程式包起來,之後只要呼叫它的名稱,就能再次使用相同的功能。

函式很像一台小機器,參數是放進去的材料,return 則是完成後要拿出來的結果。

function cac(first_Num, second_Num) {
  return first * second;
}

const result = cac(120, 3);

這裡將 120 與 3 傳進函式cac,會依照傳入的順序來分別放將120放到first_Num、3則放到second_Num,最後會依照程式碼執行相乘並回傳結果。
如果沒有寫 return,函式雖然會執行,但因為拿不到結果最後會得到result為 undefined。

JavaScript 中還有另一種用法為箭頭函式:

const double = (number) => number * 2;

短小的計算用箭頭函式很方便,一般的處理上使用 function 會比較清楚。兩者在 this 的地方會有差別。
箭頭函式使用 => 來定義,如果只有一個參數:可以省略括號,如果沒有參數:需使用一對空括號 ()

const Print = message => {
  console.log(message);
}
Print("Hello, World!");
const abc = () => {
  console.log("abc");
}
abc();

https://ithelp.ithome.com.tw/upload/images/20260923/20178696bCPFnTllcE.png


上一篇
Day8
系列文
從頭開始的Javascript學習之旅9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言